.con-center {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.margin-auto {
	margin: 0 auto;
}

.flex-column {
	flex-direction: column;
}

.overflow-hidden {
	overflow: hidden;
}

.align-items-flex-end {
	align-items: flex-end;
}

.d-inlineBlock {
	display: inline-block;
}

.fw-400 {
	font-weight: 400;
}

.con-center2 {
	display: flex;
	justify-content: center;
	align-items: center;
}


.con-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.position-relative {
	position: relative;

}

.iosOccupy {
	width: 100vw;
	height: 8vh;
}

.bc-EEE {
	background-color: #EEEEEE;
}

.bc-F8F8F8 {
	background-color: #F8F8F8;
}

.bc-F3F3F3 {
	background-color: #F3F3F3;
}

.tc-3CAAF9 {
	color: #3CAAF9;
}

.tc-red {
	color: #ED4040;
}

.d-flex {
	display: flex;
}

.justify-content-center {
	justify-content: center;
}


.justify-content-between {
	justify-content: space-between;
}

.align-items-center {
	align-items: center;
}

.align-items-flex-start {
	align-items: flex-start;
}

.justify-content-around {
	justify-content: space-around;
}

.justify-content-start {
	justify-content: flex-start;
}

.justify-content-end {
	justify-content: flex-end;
}

.white-space-nowrap {
	white-space: nowrap;
}

.t-center {
	text-align: center;
}

.text-center {
	text-align: center;
}

.t-left {
	text-align: left;
}

.t-right {
	text-align: right;
}

.w-100 {
	width: 100%;
}

.w-15 {
	width: 15%;
}

.transition {
	transition: all 0.7s;
}

.w-20 {
	width: 20%;
}

.w-23 {
	width: 23%;
}

.w-25 {
	width: 25%;
}

.w-30 {
	width: 30%;
}

.w-33 {
	width: 33%;
}

.w-40 {
	width: 40%;
}

.w-45 {
	width: 45%;
}

.w-50 {
	width: 50%;
}

.w-10 {
	width: 10%;
}

.w-55 {
	width: 55%;
}

.w-60 {
	width: 60%;
}

.w-65 {
	width: 65%;
}

.w-70 {
	width: 70%;
}

.w-75 {
	width: 75%;
}

.w-80 {
	width: 80%;
}

.w-85 {
	width: 85%;
}

.w-90 {
	width: 90%;
}

.w-95 {
	width: 95%;
}

.h-15 {
	height: 15%;
}

.h-25 {
	height: 25%;
}

.h-50 {
	height: 50%;
}

.h-70 {
	height: 70%;
}

.h-100 {
	height: 100%;
}

.boxSbb {
	box-sizing: border-box;
}

.box-sizing-bb {
	box-sizing: border-box;
}

.px-1 {
	padding-left: 10rpx;
	padding-right: 10rpx;
}

.px-2 {
	padding-left: 20rpx;
	padding-right: 20rpx;
}

.px-3 {
	padding-left: 30rpx;
	padding-right: 30rpx;
}

.px-4 {
	padding-left: 40rpx;
	padding-right: 40rpx;
}



.px-5 {
	padding-left: 50rpx;
	padding-right: 50rpx;
}

.py-05 {
	padding-top: 5rpx;
	padding-bottom: 5rpx;
}

.py-1 {
	padding-top: 10rpx;
	padding-bottom: 10rpx;
}

.py-2 {
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.py-3 {
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}

.py-4 {
	padding-top: 40rpx;
	padding-bottom: 40rpx;
}

.py-5 {
	padding-top: 50rpx;
	padding-bottom: 50rpx;
}

.plr {
	padding: 0 10rpx;
}

.px-6 {
	padding-left: 60rpx;
	padding-right: 60rpx;

}

.pb-5 {
	padding-bottom: 50rpx;
}

.pb-2 {
	padding-bottom: 20rpx;
}

.pb-3 {
	padding-bottom: 30rpx;
}

.mt-2-05 {
	margin-top: 15rpx;
}

.mt-2-07 {
	margin-top: 13rpx;
}

.mt-1 {
	margin-top: 10rpx;
}

.mt-2 {
	margin-top: 20rpx;
}

.mt-3 {
	margin-top: 30rpx;
}

.mt-4 {
	margin-top: 40rpx;
}

.mt-5 {
	margin-top: 50rpx;
}

.mt-6 {
	margin-top: 60rpx;
}

.mt-7 {
	margin-top: 70rpx;
}

.mt-8 {
	margin-top: 80rpx;
}

.mt-9 {
	margin-top: 90rpx;
}

.mt-10 {
	margin-top: 100rpx;
}

.mt-15 {
	margin-top: 15rpx;
}

.mt-20 {
	margin-top: 200rpx;
}

.mx-3 {
	margin-right: 30rpx;
	margin-left: 30rpx;
}

.mr-1 {
	margin-right: 10rpx;
}

.mr-2 {
	margin-right: 20rpx;
}

.mr-3 {
	margin-right: 30rpx;
}

.mr-5 {
	margin-right: 50rpx;
}

.mr-8 {
	margin-right: 80rpx;
}


.ml-1 {
	margin-left: 10rpx;
}

.ml-2 {
	margin-left: 20rpx;
}

.ml-3 {
	margin-left: 30rpx;
}


.ml-5 {
	margin-left: 50rpx;
}


.small05 {
	transform: scale(0.5, 0.5)
}

.small08 {
	transform: scale(0.8);

}


.o-line {
	outline: 1rpx solid red;
}

.bb {
	border-bottom: 4rpx solid rgba(176, 176, 176, 0.3);
}

.bb-1 {
	border-bottom: 1rpx solid #f8f8f8;
}

.fw-500 {
	font-weight: 500;
}

.fw-700 {
	font-weight: 700;
}

.br-50 {
	border-radius: 50%;
}

.br-100 {
	border-radius: 100rpx;
}

.br-10 {
	border-radius: 10rpx;
}

.br-20 {
	border-radius: 20rpx;
}

.br-30 {
	border-radius: 30rpx;
}

.tc-888 {
	color: #888888;
}

.tc-ddd {
	color: #ddd;
}

.tc-747474 {
	color: #747474;
}

.pt-1 {
	padding-top: 10rpx;
}

.pt-3 {
	padding-top: 30rpx;
}

.pt-5 {
	padding-top: 50rpx;
}

.fz-26 {
	font-size: 26rpx;
}

.fz-28 {
	font-size: 28rpx;
}

.fz-24 {
	font-size: 24rpx;
}

.fz-20 {
	font-size: 12px;
}

.fz-30 {
	font-size: 30rpx;
}

.fz-32 {
	font-size: 32rpx;
}

.fz-33 {
	font-size: 33rpx;
}

.fz-35 {
	font-size: 35rpx;
}

.fz-36 {
	font-size: 36rpx;
}


.fz-38 {
	font-size: 38rpx;
}

.fz-40 {
	font-size: 40rpx;
}

.fz-44 {
	font-size: 44rpx;
}

.tc-fff {
	color: #FFFFFF;
}

.bc-C4C4C4 {
	background-color: #C4C4C4;
}

.bc-3CAAF9 {
	background-color: #3CAAF9;
}

.tc-blue {
	color: #3691E9;
}

/* 页面间距 */
.plr {
	padding-left: 30rpx;
	padding-right: 30rpx;
}

.mb-05 {
	margin-bottom: 5rpx;
}

.mb-3 {
	margin-bottom: 30rpx;
}

.mb-6 {
	margin-bottom: 60rpx;
}

.bd-gray {
	border: 1rpx solid #e5e5e5;
}

.mb-8 {
	margin-bottom: 80rpx;
}

.bc-fff {
	background-color: #FFFFFF;
}

.tc-666 {
	color: #666666;
}

.tc-333 {
	color: #333333;
}

.tc-CBCBCB {
	color: #CBCBCB;
}

.tc-9B9B9B {
	color: #9B9B9B;
}

.fl {
	float: left;
}

.flex-wrap {
	flex-wrap: wrap;
}

.position-fixedtop {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9;
}

.fr {
	float: right;
}

.bxy {
	border: 1rpx solid #dfdfdf;
}

.fw-bd {
	font-weight: bold;
}

.fw-bolder {
	font-weight: bolder;
}

.tabHeight {
	height: 60px;
}

button {
	border: none;
	background-color: #FFFFFF;
	display: inline-block;
	outline: none;
	padding: 0;
	margin: 0;
	border-radius: 0;
	line-height: 16px;
}

button::after {
	border: none;
}
